<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>text-decoration</title>
    <style type="text/css">
        p{
            margin-top: 10px;
        }
        .none{
            text-decoration: none;
            text-shadow: 2px 1px;
        }
        .underline{
            text-decoration: underline;
        }
        .overline{
            text-decoration: overline;
        }
        .line-through{
            text-decoration: line-through;
        }
        .blink{
            text-decoration: blink;
        }
        .text-decoration-css3{
            text-decoration: #f00 solid underline;
        }
    </style>
</head>
<body>
<p class="none">无装饰</p>
<p class="underline">下划线</p>
<p class="overline">上划线</p>
<p class="line-through">穿越线</p>
<p class="blink">闪烁</p>
<p class="text-decoration-css3">如果浏览器支持，红色下划线</p>
</body>
</html>